import "./index.less";
export const Navigation_menu = () => {
  return (
    <div className="menu">
      <div>
        <svg
          t="1637121132538"
          className="menu_icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1529"
          width="200"
          height="200"
        >
          <path
            d="M518.741333 732.5696l331.5712 134.826667V153.770667A17.066667 17.066667 0 0 0 833.28 136.533333H204.7488A17.066667 17.066667 0 0 0 187.733333 153.7536v713.608533l331.008-134.792533zM136.533333 153.770667A68.266667 68.266667 0 0 1 204.7488 85.333333h628.5312a68.266667 68.266667 0 0 1 68.232533 68.420267v721.322667c0 37.7856-28.450133 56.832-63.197866 42.717866l-319.556267-129.9456-319.112533 129.9456C164.795733 931.976533 136.533333 912.9472 136.533333 875.076267V153.7536z"
            fill="#108EE9"
            p-id="1530"
          ></path>
          <path
            d="M458.120533 480.8704l-61.781333-60.2112 85.367467-12.407467 38.178133-77.346133 38.161067 77.346133 85.367466 12.407467-61.781333 60.2112 14.592 85.009067-76.3392-40.1408-76.356267 40.1408 14.592-85.009067z m120.610134-121.344l19.285333 13.994667-5.973333-12.066134-13.312-1.928533z m-136.977067 13.994667l19.285333-13.994667-13.329066 1.928533-5.973334 12.0832z m146.397867 245.9648c35.413333 18.602667 68.317867-5.256533 61.5424-44.714667l-13.038934-76.032 55.2448-53.845333c28.637867-27.921067 16.110933-66.577067-23.5008-72.3456l-76.3392-11.093334-34.133333-69.1712c-17.7152-35.874133-58.368-35.8912-76.0832 0l-34.133333 69.1712-76.3392 11.093334c-39.594667 5.751467-52.1728 44.407467-23.517867 72.362666l55.2448 53.828267-13.038933 76.032c-6.7584 39.424 26.112 63.351467 61.5424 44.714667l68.266666-35.8912 68.283734 35.8912z"
            fill="#108EE9"
            p-id="1531"
          ></path>
        </svg>
        <p>推荐</p>
      </div>
      <div>
        <svg
          t="1637121149056"
          className="menu_icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1661"
          width="200"
          height="200"
        >
          <path
            d="M846.05758551 254.53132683H179.0864473c-31.07955847 0-56.43895278 25.35939435-56.43895279 56.43895282v639.70502248c0 31.07955847 25.35939435 56.43895278 56.43895279 56.43895282h666.97113821c31.07955847 0 56.43895278-25.35939435 56.43895284-56.43895282V311.16095178c0-31.27023059-25.35939435-56.62962496-56.43895284-56.62962495z m20.40191876 696.1439753c0 11.24965614-9.15226261 20.40191875-20.40191876 20.40191876H179.0864473c-11.24965614 0-20.40191875-9.15226261-20.40191877-20.40191876V311.16095178c0-11.24965614 9.15226261-20.40191875 20.40191877-20.40191878h666.97113821c11.24965614 0 20.40191875 9.15226261 20.40191876 20.40191878v639.51435035zM208.06861223 179.97852092h608.81613621c9.91495119 0 18.1138531-8.00822981 18.11385307-18.11385308s-8.00822981-18.1138531-18.11385307-18.11385313H208.06861223c-9.91495119 0-18.1138531 8.00822981-18.11385309 18.11385313s8.19890193 18.1138531 18.11385309 18.11385308zM265.84227004 67.48195959h493.26882064c8.96159047 0 16.20713172-7.24554125 16.2071317-16.20713172s-7.24554125-16.20713172-16.2071317-16.20713173H265.84227004c-8.96159047 0-16.20713172 7.24554125-16.20713175 16.20713173s7.24554125 16.20713172 16.20713175 16.20713172z"
            fill="#FF2C2C"
            p-id="1662"
          ></path>
          <path
            d="M670.06720228 433.95380854l-251.87789411 41.37585393c-4.38545919 0.76268854-7.62688551 4.5761313-7.62688551 8.96159046v225.18379482c0 17.35116455-12.5843611 32.03291916-29.74485352 34.51165696l-24.59670578 3.62277064c-20.97393516 3.05075421-36.41837831 21.16460731-36.41837833 42.13854244v4.38545915c0 26.12208286 23.26200082 46.14265735 49.00273945 42.13854251l32.22359129-4.76680345c29.74485349-4.38545919 51.67214937-29.93552565 51.67214936-60.06172343V578.48328905c0-4.5761313 3.24142634-8.38957407 7.6268855-8.9615905l167.79148133-27.45678783c5.52949199-0.9533607 10.67763971 3.43209849 10.67763972 8.96159046v122.41151254c0 17.35116455-12.5843611 32.03291916-29.7448535 34.51165695l-24.59670582 3.6227706c-20.97393516 3.05075421-36.41837831 21.16460731-36.41837831 42.13854247v4.38545916c0 26.12208286 23.26200082 46.14265735 49.00273943 42.1385425l32.22359129-4.76680346c29.74485349-4.38545919 51.67214937-29.93552565 51.67214936-60.06172343V442.91539903c-0.19067215-5.72016414-5.33881986-9.91495119-10.86831185-8.96159049z"
            fill="#FF2C2C"
            p-id="1663"
          ></path>
        </svg>
        <p>歌单</p>
      </div>
      <div>
        <svg
          t="1637121162714"
          className="menu_icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1789"
          width="200"
          height="200"
        >
          <path
            d="M877.674163 219.319071a146.279027 146.279027 0 0 1 146.279028 146.279027V877.720973a146.279027 146.279027 0 0 1-146.279028 146.279027H146.279027a146.279027 146.279027 0 0 1-146.279027-146.279027V365.598098a146.279027 146.279027 0 0 1 146.279027-146.279027h731.395136z m0 73.139514H146.279027a73.139514 73.139514 0 0 0-73.139513 73.139513V877.720973a73.139514 73.139514 0 0 0 73.139513 73.139513h731.395136a73.139514 73.139514 0 0 0 73.139514-73.139513V365.598098a73.139514 73.139514 0 0 0-73.139514-73.139513z m-621.685865 147.010422h146.279027a36.569757 36.569757 0 0 1 36.569757 36.569757v0.146279a36.569757 36.569757 0 0 1-36.569757 36.569757h-146.279027a36.569757 36.569757 0 0 1-36.569757-36.569757V476.185043a36.569757 36.569757 0 0 1 36.569757-36.569757z m0 146.571585h146.279027a36.569757 36.569757 0 0 1 36.569757 36.569757v0.07314a36.569757 36.569757 0 0 1-36.569757 36.569757h-146.279027a36.569757 36.569757 0 0 1-36.569757-36.569757v-0.07314a36.569757 36.569757 0 0 1 36.569757-36.569757z m146.279027 146.498446a36.569757 36.569757 0 0 1 36.569757 36.569757v0.07314a36.569757 36.569757 0 0 1-36.569757 36.569756h-146.279027a36.569757 36.569757 0 0 1-36.569757-36.569756v-0.07314a36.569757 36.569757 0 0 1 36.569757-36.569757h146.279027z m292.558054-301.773633c100.932529 0 182.848784 81.916255 182.848784 183.068203a182.995063 182.995063 0 0 1-182.848784 183.141342c-100.932529 0-182.848784-81.989395-182.848784-183.141342A182.995063 182.995063 0 0 1 694.825379 430.838545z m0 73.212653A109.78241 109.78241 0 1 0 804.53465 613.833608c0-60.705796-49.149753-109.855549-109.709271-109.85555z m46.224173-491.058694l3.803255 5.412324 109.562991 190.016456a36.569757 36.569757 0 0 1-59.535564 42.05522l-3.803255-5.339184v-0.07314L681.513988 54.974584a36.569757 36.569757 0 0 1 59.535564-42.05522z"
            fill="#705BEF"
            p-id="1790"
          ></path>
        </svg>
        <p>私人FM</p>
      </div>
      <div>
        <svg
          t="1637121173591"
          className="menu_icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1916"
          width="200"
          height="200"
        >
          <path d="M721 531.1h156.9v372.3H721z" fill="#CCE5F6" p-id="1917"></path>
          <path
            d="M877.9 506.4h-157c-13.7 0-24.7 11.1-24.7 24.7v372.3c0 13.7 11.1 24.7 24.7 24.7h156.9c13.7 0 24.7-11.1 24.7-24.7V531.1c0.1-13.6-11-24.7-24.6-24.7z m-24.8 372.3H745.7V555.9h107.4v322.8z"
            fill="#2197EF"
            p-id="1918"
          ></path>
          <path d="M112 336.7h156.9v566.7H112z" fill="#CCE5F6" p-id="1919"></path>
          <path
            d="M268.9 312H112c-13.7 0-24.7 11.1-24.7 24.7v566.7c0 13.7 11.1 24.7 24.7 24.7h156.9c13.7 0 24.7-11.1 24.7-24.7V336.7c0-13.6-11-24.7-24.7-24.7z m-24.7 566.7H136.7V361.5h107.4v517.2z"
            fill="#2197EF"
            p-id="1920"
          ></path>
          <path
            d="M548.3 435.8v442.9H440.8V147.6h107.4v127.8h49.5V122.9c0-13.7-11.1-24.7-24.7-24.7H416.1c-13.7 0-24.7 11.1-24.7 24.7v780.6c0 13.7 11.1 24.7 24.7 24.7H573c13.7 0 24.7-11.1 24.7-24.7V435.8h-49.4z"
            fill="#2197EF"
            p-id="1921"
          ></path>
          <path
            d="M548.2 275.3a24.8 24.6 0 1 0 49.6 0 24.8 24.6 0 1 0-49.6 0Z"
            fill="#2197EF"
            p-id="1922"
          ></path>
          <path
            d="M548.2 435.7a24.8 24.6 0 1 0 49.6 0 24.8 24.6 0 1 0-49.6 0Z"
            fill="#2197EF"
            p-id="1923"
          ></path>
        </svg>
        <p>排行榜</p>
      </div>
    </div>
  );
};
